<template>
  <div>
    <x-header :right-options="{showMore: true}" @on-click-more="showMenus = true">添加卡号</x-header>
    <div class="imgToast">
      <img src="../../assets/img/Financial/addCardNumber.png">
      <span>您尚未添加借记卡，请先加挂</span>
    </div>
    <div class="buttonWrap">
      <x-button class="subBtn" type="primary" action-type="button">{{buttonTxt}}</x-button>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      buttonTxt: '确定'
    }
  }
}
</script>
<style>
button.subBtn {
  background-color: #ec1b30;
}
button.weui-btn_primary:not(.weui-btn_disabled):active {
  background: rgba(236,27,48,.6);
}
</style>

<style lang="less" scoped>
.imgToast {
  margin: .9rem auto .66rem;
  text-align: center;
  span {
    display: block;
    margin-top: .47rem;
  }
}
.buttonWrap {
  width: 50%;
  margin: 0 auto;
}
</style>
